<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1">
        <thead>
            <tr>
                <th>姓名</th>
                <th>语文</th>
                <th>数学</th>
                <th>总分</th>
            </tr>
        </thead>
        <tbody>
            <tr> 
                <td>李四</td>
                <td>83</td>
                <td>87</td>
                <td>170</td>
            </tr>
            <tr>
                <td>张三</td>
                <td>89</td>
                <td rowspan="2">91</td>
                <td>180</td>
            </tr>
            <tr>
                <td>王五</td>
                <td>69</td>
                <!-- <td>91</td> -->
                <td>150</td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <td>总结</td>
                <td colspan="3">全校第一</td>
                <!-- <td>全校第一</td> -->
                <!-- <td>全校第一</td> -->
            </tr>
        </tfoot>    
    </table>
</body>
</html>
<!-- 和并单元格作用：将多个单元格合并成一个单元格，以合并同类信息(不能跨结构标签合并)（跨行合并和跨列合并）
 合并单元格的步骤： 
 1、明确合并的目标
 2、保留最左最上的单元格，添加属性（取值是数组，表示需要合并的单元格数量）
        - 跨行合并，保留最上单元格，添加属性 rowspan
        - 跨列合并，保留最左单元格，添加属性 colspan
 3、 删除单元格 -->